<template>
	<view>
		<view class="card">
			<uni-card title="申请转移" sub-title="申请人" extra="2002-02-02" :thumbnail="avatar" @click="onClick">
				<text class="content">这是申请理由这是申请这是申请理由这是申请理由理由</text>
				<view class="operate" >
					<text style="color: red;" v-if="active==0">删除</text>
					<text style="color: blue;" v-if="active==0">修改</text>
					<text style="color: blue;" v-if="active==1">查看</text>
					<text style="color: blue;" v-if="active==2">查看转入</text>
					<text style="color: blue;" v-if="active==2">查看转出</text>
				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			active:{
				type:Number,
				default:0
			}
		},
		name:"card",
		data() {
			return {
				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
			};
		}
	}
</script>

<style lang="scss">
.content {
		overflow: hidden;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	
	.operate{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
</style>